<aside id="sidebar" class="open">
  <a href="{{ site.avatar.url }}" Title="{{ site.avatar.hint }}">
    <img class="avatar-logo" src="{{ site.avatar.img }}" alt="{{ site.avatar.alt }}">
  </a>
  <nav id="navigation">
    <h2>{{ site.post_author }}</h2>
    <p>{{ site.about }}</p>
    <p>
      {% if site.facebook.username %}
      <a itemprop="facebook" href="https://www.facebook.com/{{ site.facebook.username }}" title="Facebook">
        <svg><use xlink:href="#icon-facebook"></use></svg>
      </a>
      {% endif %}
      {% if site.twitter.username %}
      <a itemprop="twitter" href="https://twitter.com/{{ site.twitter.username }}" title="Twitter">
        <svg><use xlink:href="#icon-twitter"></use></svg>
      </a>
      {% endif %}
      {% if site.google-plus.link %}
      <a itemprop="google-plus" href="{{ site.google-plus.link }}" title="Google+">
        <svg><use xlink:href="#icon-google-plus"></use></svg>
      </a>
      {% endif %}
      {% if site.github.username %}
      <a itemprop="github" href="https://github.com/{{ site.github.username }}" title="Github">
        <svg><use xlink:href="#icon-github"></use></svg>
      </a>
      {% endif %}
      {% if site.stackoverflow.link %}
      <a itemprop="stackoverflow" href="{{ site.stackoverflow.link }}" title="Stack Overflow">
        <svg><use xlink:href="#icon-stack-overflow"></use></svg>
      </a>
      {% endif %}
    </p>
    <ul>
      {% for link in site.links %}
        <li><a href="{{ site.baseurl }}{{ link.url }}">{{ link.title }}</a></li>
      {% endfor %}
      <li><a class="feed" href="{{ site.url }}{{ site.baseurl }}/feed.xml" title="Atom/RSS feed">RSS 订阅</a></li>
    </ul>
  </nav>
</aside>
